.flex {
  display: flex;
}
.fac {
  display: flex;
  align-items: center;
}
.jcc {
  display: flex;
  justify-content: center;
}
.jcsb {
  display: flex;
  justify-content: space-between;
}
.align-center {
  text-align: center;
}
.mr10 {
  margin-right: 10px;
}
.mt10 {
  margin-top: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pr15 {
  padding-right: 15px;
}
.p15 {
  padding: 15px;
}
.pt50 {
  padding-top: 50px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.fz18 {
  font-size: 16px;
}
.fz16 {
  font-size: 14px;
}
.fz14 {
  font-size: 12px;
}
.fz12 {
  font-size: 12px;
}
.auto {
  margin-left: auto;
  margin-right: auto;
}
.c222 {
  color: #222;
}
.c555 {
  color: #555;
}
.bfff {
  background: #fff;
}
.radius-0 {
  border-radius: 0 !important;
}
.hb-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hb-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hb-ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.hb-ellipsis-5 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.hb-banner {
  width: 1200px;
}
body {
  position: relative !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  font-weight: 400;
}
.hb-top-bg {
  display: block;
  content: '';
  position: absolute;
  z-index: -1;
  height: 600px;
  width: 100%;
  top: 78px;
  background: linear-gradient(to bottom, #067FD2, #fff);
  /*background: linear-gradient(to bottom, #b40000, #fff);*/
}
/*-------------悬停样式开始---------------*/
.right_menu {
  width: 48px;
  position: fixed;
  height: 328px !important;
  top: 200px;
  right: 1%;
  z-index: 9999;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #4272ae;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.right_menu ul {
  width: 100%;
  position: absolute;
  z-index: 3;
  box-sizing: content-box;
  overflow: visible;
}
.right_menu b {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.right_menu li {
  text-align: center;
  height: 50px;
  position: relative;
  margin: 3px 0;
}
.right_menu .item {
  position: relative;
  width: 50px;
  height: 50px;
  background: url('../img/above-bg.png') no-repeat;
  cursor: pointer;
}
.right_menu li.root3 a,
.right_menu li.root5 a,
.right_menu li.root6 a,
.right_menu li.root7 a,
.right_menu li.root8 a,
.right_menu li.root10 a,
.right_menu li.root11 a,
.right_menu li.root12 a {
  line-height: 45px;
}
.right_menu .root1 {
  background-position: 0px 0px;
  position: relative;
}
.right_menu .root2 {
  background-position: 0px -200px;
}
.right_menu .root3 {
  background-position: 0px -100px;
}
.right_menu .root4 {
  background-position: 0px -150px;
}
.right_menu .root5 {
  background-position: 0px -200px;
}
.right_menu .root6 {
  background-position: 0px -250px;
}
.right_menu .root7 {
  background-position: 0px -300px;
}
.right_menu .root8 {
  background-position: 0px -350px;
}
.right_menu .root9 {
  background-position: 0px -400px;
}
.right_menu .root10 {
  background-position: 0px -450px;
}
.right_menu .root11 {
  background-position: 0px -500px;
}
.right_menu .root12 {
  background-position: 0px -550px;
  position: relative;
}
.right_menu .button-rotate {
  overflow: hidden;
  color: #fff;
}
.right_menu .button-rotate a {
  display: block;
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 96%;
  height: auto;
  line-height: 18px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: 700;
  color: #fff !important;
  background-color: #18448e;
  text-decoration: none !important;
  text-align: center;
  -webkit-transform-origin: -50% 50%;
  transform-origin: -50% 50%;
  -webkit-transform: rotate3d(0, 0, 1, 90deg);
  transform: rotate3d(0, 0, 1, 90deg);
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
}
.right_menu .button-rotate:hover a,
.right_menu .button-rotate:hover {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.right_menu .button-rotate:hover a {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  text-decoration: none;
}
.right_menu .wx_wb,
.right_menu .wx_con,
.right_menu .share1,
.right_menu .dy_con {
  width: 113px;
  position: absolute;
  left: -113px;
  height: 148px;
  top: 0px;
  z-index: 999;
  background: #fff;
  display: none;
}
.right_menu .wx_con img,
.right_menu .dy_con img {
  width: 113px;
  height: 112px;
}
.right_menu .wx_con span,
.right_menu .dy_con span {
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
}
.right_menu .share1 {
  top: 265px;
  width: 200px;
  height: 33px;
  padding: 9px 5px 8px 5px;
  left: -213px;
  display: none;
}
.right_menu .dy_con {
  top: 154px;
}
.right_menu .wx_wb {
  height: inherit !important;
  top: 105px;
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  .right_menu {
    right: 14.5% !important;
    top: 229px !important;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1680px) {
  .right_menu {
    position: fixed;
    right: 7.5%;
    top: 240px;
  }
  /*.right_menu .wx_con{ left:52px;}*/
}
@media screen and (min-width: 1400px) and (max-width: 1599px) {
  .right_menu {
    right: 2%;
    top: 160px;
  }
  .right_menu .wx_con {
    left: -120px !important;
  }
}
@media screen and (max-width: 1366px) {
  .right_menu {
    right: 1%;
    top: 67px;
  }
  /*.right_menu .wx_con{ left:-126px;}*/
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  .right_menu {
    right: 0;
    top: 50px;
  }
  /*.right_menu .wx_con{ left:-126px;}	*/
}
.hb-matrix-netWork {
  display: flex;
  justify-content: center;
  padding-top: 70px;
  margin-bottom: -50px;
}
.hb-matrix-netWork .title {
  color: #077ED0;
  font-size: 14px;
  white-space: nowrap;
}
.hb-matrix-netWork ul {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  width: 920px;
}
.hb-matrix-netWork ul li {
  border-radius: 4px;
  padding: 5px 25px;
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  width: calc(20% - 12px);
  margin-left: 12px;
  margin-bottom: 12px;
}
.hb-matrix-netWork ul li a {
  width: 100%;
  font-size: 13px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  color: #686461;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hb-matrix-netWork ul li:hover {
  border: 1px solid #077ED0;
}
.hb-matrix-netWork ul li:hover a {
  color: #077ED0;
}
/*leader*/
.com-side {
  width: 250px;
}
.com-main {
  width: 950px;
}
.column-mode .hd {
  padding: 30px 10px;
  min-height: 46px;
  _height: 46px;
  background-color: #003c78;
}
.column-mode .hd h3 {
  padding-left: 70px;
  line-height: 46px;
  font-size: 26px;
  color: #fff;
  font-weight: normal;
  background: url(../img/column-hd-icon.png) no-repeat 10px center;
}
.column-mode .bd li {
  padding-top: 7px;
}
.column-mode .bd li a {
  position: relative;
  display: block;
  height: 57px;
  line-height: 57px;
  text-align: center;
  font-size: 16px;
  transition: all 0.2s linear;
  background-color: #0065A9;
  color: #fff;
}
.column-mode .bd li a:hover,
.column-mode .bd li.current a {
  background-color: #0065a9ee;
}
.column-mode .bd li a:hover:before,
.column-mode .bd li.current a:before {
  display: block;
}
.com-mode .com-hd {
  height: 35px;
  line-height: 35px;
  background-color: #ffffff;
}
.com-mode .com-hd h3 {
  display: inline-block;
  min-width: 70px;
  padding: 0 22px;
  height: 35px;
  text-align: center;
  background-color: #003c78;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.leader-box {
  min-height: 400px;
  padding: 35px;
  background-color: #fff;
  overflow: hidden;
}